<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>酒香草头</title>
    <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="full-screen" content="true"/>
    <meta name="screen-orientation" content="portrait"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="360-fullscreen" content="true"/>
    <style>
        h1,h2,h3,h4,h5,p,a,li{
            font-family: "微软雅黑";
        }
        html, body {
            -ms-touch-action: none;
            background: #e4e4e4;
            padding: 0;
            border: 0;
            margin: 0;
            height: 100%;
        }
	    body{
	        width:100%;
            height:100%;
            position:absolute;
	        top:0;
	        left:0;
	    }
        h1{
            margin-top: 10px;
            color: #386f87;
            width: 240px;
            margin-left: calc((100% - 240px) / 2);
            text-align: center;
            font-size: 36px;
            font-weight: lighter;
            border-bottom: 1px solid #386f87;
            padding-bottom: 10px;
        }
        img{
            width: 240px;
            height: 240px;
            margin-left: calc((100% - 240px) / 2);
            border-radius:240px;
            margin-top: 60px;
        }
        p{
            width: 100%;
            text-align: center;
            color: #1496c5;
        }
        div{
            width: 320px;
            margin-left: calc((100% - 320px) / 2);
            padding: 0 20px;
            box-sizing: border-box;
        }
        div>a{
            color: #14bfc5;
            text-decoration: none;
        }
        div>a:hover{
            color: #ff8c19;
        }
        div>a:first-child{
            float: left;
        }
        div>a:last-child{
            float: right;
        }


    </style>
</head>
<body>
<img src="grass.jpg" alt="">
<h1>☺酒香草头☺</h1>
<p>仅仅是想找个地儿 写写小说 做做游戏...</p>
<div>
    <a href="game/index.html">←游戏</a>
    <a href="book/index.html">小说→</a>
</div>

</body>
</html>
